@charset "UTF-8";
/**
 * 
 * @authors songxueyan (sxy9103@gmail.com)
 * @date    2019-11-05 15:11:46
 * @version $Id$
 */
 body{
          padding: 15px;
          max-width: 640px;
          margin-left: auto;
          margin-right: auto;
    }

    .header {
      display: flex;
    }

    .avatar {
      margin-left: 12px; 
      width: 74px;
      height: 74px;
      margin-right: 15px;
      border-radius: 50%;  
      overflow:hidden;    
      -moz-border-radius: 50%;      
      -webkit-border-radius: 50%;
    }

    .avatar img{
      width: 74px;
      height: 74px;
    }

    .name {
      font-size: 22px;
    }
    .tth {
      font-size: 12px;
      color: #707070;
    }
    /* 让链接在 hover 状态下显示下划线 */
    a {
      color: #069;
      text-decoration: none;
      border-bottom-color: #08c;
    }

    /* 默认不显示下划线，保持页面简洁 */
    ins, a {
      text-decoration: none;
    }

    .social a{
        color: #242424;
        margin-right: 6px;
        height: 16px;
        text-decoration: none;
    }

    .social a:hover{
        color: #069;
        text-decoration: none;
    }

    p {
      margin: 0;
    }

    .button {
      margin-right: 15px;
    }

    .year {
      color: #707070;
      margin-bottom: 0;
      margin-top: 15px;
    }

    .btn {
      margin-top: 20px;
    }

  .tab-box {
    margin-bottom: 15px;
    padding: 0;
    zoom: 1;
    height: 56px;
    border-bottom: 1px solid #f2f2f2;
    padding-top: 4px;
    line-height: 56px;
    position: relative;
    z-index: 2;
  }

  .tab-box a.cur {
      color: #00a06a;
      display: block;
  }

  .tab-box span {
      width: 100%;
      height: 3px;
      position: absolute;
      bottom: -6px;
      left: 0;
      cursor: default;
      overflow: hidden;
      background: #009d68;
  }
  
  .tab-box a{
      color: #333;
      cursor: pointer;
      outline: 0;
      text-decoration: none;
      float: left;
      padding: 0 19px;
      font-size: 16px;
      line-height: 36px;
      margin-top: 18px;
      position: relative;
      zoom: 1;
  }

  .tab-box a:hover {
      text-decoration: none;
      color: #00a06a;
      background: #f7fffc;
  }

  .archive-item {
    margin-top: 11px;
  }

  .archive-item-link {
    font-size: 18px;
  }

  .archive-item-date {
    width: auto;
    color: #bbb;
    position: relative;
    float: right;
  }

